@charset "utf-8";
@import "common";
$font-size: 64px;
@function r($px) {
    @return $px/$font-size*1rem;
}

.web {
    //==中间内容块==================================================
    .content {
        .cont1,.cont2{
            width: 100%;
            .colnum{
                width: 95%;
                margin: 0 auto;
                margin-top: 17px;
                .col-wrap{
                    overflow: hidden;
                    .col-left{
                        float: left;
                        width: 60%;
                        h1{
                            font-size: 16px;
                            color: #323232;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical
                        }
                        .p_zan{
                            font-size: 0px;
                            color: #c5c5c5;
                            margin-top: 5px;
                            a{
                                display: inline-block;
                                width: 16px;
                                height: 14px;
                                font-size: 14px;
                                img{
                                    height: 100%;
                                }
                            }
                            span{
                                font-size: 14px;
                                margin-right: 10px;
                            }
                        }
                    }
                    .col-right{
                        float: right;
                        img{
                            width: r(208px);
                        }
                    }
                }
                .underline{
                    width: 100%;
                    border-bottom: 1px solid #e2e2e2;
                    margin-top: 5px;
                    margin-bottom: 15px;
                }
                .col2{
                    display: none;
                }
            }
        }
        .underline1{
            width: 100%;
            height: r(25px);
            background: #f5f5f5;
            margin-top: 5px;
        }
        .cont2{
            .col-1{
                width: 95%;
                margin: 0 auto;
                h1{
                    font-size: 16px;
                    padding-top: 20px;
                    margin-bottom: 15px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }
                .col_pic{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    .pic1{
                        width: 30%;
                        img{
                            width: 100%;
                        }
                    }
                }
                .col-cont{
                    width: 100%;
                    overflow: hidden;
                    line-height: 25px;
                    .f-l{
                        float: left;
                        font-size: 16px;
                        color: #c5c5c5;
                        .tx{
                            width: 25px;
                            height: 25px;
                            border-radius: 50%;
                            overflow: hidden;
                            float: left;
                            margin-right: 5px;
                            img{
                                height: 100%;
                            }
                        }
                        a{
                            color: #c5c5c5;
                            font-size: 14px;
                            margin-left: 4px;
                            span{
                                display: inline-block;
                                width: 15px;
                                height: 13px;
                                img{
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .f-r{
                        float: right;
                        font-size: 14px;
                        color: #c5c5c5;
                    }
                }
            }

            
        }
        
        
    }
  
}
